<template>
  <div class="apply">
      <div class="hint">
          <img src="../assets/图标@3x.png" alt="">
          <p>恭喜您参与成功</p>
          <p>众筹到期时间是 {{chipsDetails.activityEndTime | fmtDate('YYYY-MM-DD')}} 请在该日期前完成</p>
          <p>众筹金额这样才能参与到我们的线下活动来</p>
      </div>
      <div class="rest-login celar-fix">
        <div>
            <span></span>
            <span>邀请好友一起参加活动</span>
            <span></span>
        </div>
        <stare :stareId="activeId"></stare>
        
        <div class="next-skip">
            <button @click="nextSkip">查看我的众筹进度</button>
        </div>
    </div>
      
  </div>
</template>


<script>
import stare from './sub_comonents/stare'
export default {
    data() {
        return {
            name: '',
            chipsDetails: '', //支持数据
            shareData: {
                url: location.host + '/#/support_details/2029,6',
                // url:'https://www.baidu.com',
                showcount: '1',
                /*是否显示分享总数,显示：'1'，不显示：'0' */
                desc: '1',
                /*默认分享理由(可选)*/
                summary: '好文章',
                /*分享摘要(可选)*/
                title: '很正常',
                /*分享标题(可选)*/
                site: '标题',
                /*分享来源 如：腾讯网(可选)*/
                pics: '来源',
                /*分享图片的路径(可选)*/
                style: '101',
                width: 199,
                height: 30
            },
            activeId: this.$route.params.activeId
        }
    },
    components: {
        stare
    },
    created() {
        document.title = '报名成功'
        this.getChips()
    },
    mounted() {},
    computed: {
        identity() {
            return this.$store.state.userMessage.identity
        }
    },
    methods: {
        // 获取支持详情
        getChips() {
            this.utils.$get(
                this.utils.GET_CHIPS_DETAILS,
                data => {
                    this.chipsDetails = data.data
                },
                { id: this.$route.params.activeId }
            )
        },
        nextSkip() {
            this.$router.push({
                path: '/users/chipl_message/' + this.identity+','+this.$route.params.activeId
            })
        }
    }
}
</script>

<style lang="less">
.apply {
    .hint {
        padding-top: 0.8rem;
        > img {
            width: 1.8rem;
            display: block;
            margin: 0 auto 0.6rem;
        }
        > p {
            line-height: 0.48rem;
            text-align: center;
            font-size: 0.28rem;
            color: #333;
        }
    }
    .rest-login {
        padding: 0 0.6rem;
        margin-top: 1rem;
        span {
            display: inline-block;
            &:nth-child(1) {
                width: 20%;
                border-bottom: 1px solid #ccc;
            }
            &:nth-child(2) {
                width: 55%;
                padding: 0 5%;
                font-size: 0.24rem;
                color: #999;
                text-align: center;
            }
            &:nth-child(3) {
                width: 20%;
                border-bottom: 1px solid #ccc;
            }
        }
    }
    .next-skip {
        text-align: center;
        padding: 0.2rem;
        margin-top: 1.3rem;
        > button {
            height: 0.8rem;
            border: 1px solid #ccc;
            border-radius: 0.4rem;
        }
    }
}
</style>

